<!--
	消息头--警告--好看的提示
	提示的小tip--样式有两个show = warning|tip
-->
<template>
	<div :class="show">
		<p>
			{{ info }}
		</p>
	</div>
</template>

<script>
export default {
	name: "MessageHeaderBar",
	props:["info","show"]
}
</script>

<style scoped>
.warning {
	padding: 8px 16px;
	background-color: var(--el-color-danger-lighter);
	border-radius: 4px;
	border-left: 5px solid var(--el-color-danger);
	margin: 20px 0;
}
.tip {
	padding: 8px 16px;
	background-color: var(--el-color-primary-light-9);
	border-radius: 4px;
	border-left: 5px solid var(--el-color-primary);
	margin: 20px 0;
}
</style>